<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <link rel="stylesheet" type="text/css" href="css/easyui_themes/default/easyui.css">
        <link rel="stylesheet" type="text/css" href="css/easyui_themes/icon.css">
        <script type="text/javascript" src="js/jquery.min.js"></script>
        <script type="text/javascript" src="js/jquery.easyui.min.js"></script>
        <script type="text/javascript" src="js/easyui-lang-zh_CN.js"></script>
        <script src="js/uploadfile.js"></script>
        <link rel="stylesheet" href="css/fileupdemo.css"/>
    </head>
    <title>新增</title>
    <body>
<!--         <form  id="ff"  method="post" action="self_creatform.php"  > -->
        <form  id="ff"  method="post" action="self_creat_form1.php"  >
            <font  color="#3399cc">表格中文名称<input type="text" name="zformname" class='easyui-validatebox'  style='width:130px' data-options="required:true,validType:'length[1,50]'" >
            表格英文名称<input type="text" name="yformname" class='easyui-validatebox'  style='width:130px' data-options="required:true,validType:'length[1,50]'"></font><br><br>
            </font>
            <div id="dataList">
                <div style='width:120px;float:left;'> 中文名</div>
                <div style='width:100px;float:left;'> | 英文名</div>
                <div style='width:80px;float:left;'> | 字符类型</div>
<!--                 <div style='width:80px;float:left;'> | 显示宽度</div> -->
                <div style='width:300px;float:left;'> | 参数或默认值</div>
                <div style='width:100px;float:left;'> | 是否需要签名</div>
                <br><br>
            </div>
<!--需要增强的暂时不该-->
<!--                 <div style='width:70px;float:left;'> 上传附件：</div> -->
<!-- 				<select style='width:40px;float:left;'  name='document'><option value=\"1\" selected>是<option value=\"0\">否</select> -->
<!--                 <div style='width:50px;float:left;'> 表格化</div> -->
<!-- 				<select style='width:40px;float:left;' name='grid'><option value=\"1\" selected>是<option value=\"0\">否</select> -->
<!--                 <div style='width:50px;float:left;'> 可删除:</div> -->
<!-- 				<select style='width:40px;float:left;' name='grid'><option value=\"1\" selected>是<option value=\"0\">否</select> -->
<!--                 <div style='width:50px;float:left;'> 可更改:</div> -->
<!-- 				<select style='width:40px;float:left;' name='grid'><option value=\"1\" selected>是<option value=\"0\">否</select> -->
<!--                 <div style='width:50px;float:left;'> 序列号:</div> -->
<!-- 				<select style='width:40px;float:left;' name='grid'><option value=\"1\" selected>是<option value=\"0\">否</select> -->
<br>
<br>
            <a href="javascript:void(0)" class="easyui-linkbutton" onclick="submitForm()">提交</a>
        </form>
        快速插入<input id="listnum" type="text" style="width:30px">行 &nbsp  &nbsp  &nbsp <a href="clean_json.php" class="easyui-linkbutton" >还原自定义列表</a>
        <font size="1" color="#3399cc"><br>这里未进行全部数据验证，请仔细填写;<br>
		字符类型：短文本-char（最大存255个字符）、整数-int(范围：-2 147 483 648，2 147 483 647)、长文本--MEDIUMTEXT（16 777 215字节）、时间--datetime,。<br>
		小数-double(默认2位，联系管理可以修改)<br>
        单选框、复选框、下拉单选、列表多选要在参数必填，且用";"隔开。如A:qe;B:qe;C:qe;D:qe。<br>
		签名在表格展开后可以看到
		做好后联系管理移动到安全位置防止表格被覆盖。<br>
		短文本、长文本、整数、小数填入参数就是其默认值，其他的需要联系管理设置默认值

        </font>
        <script type="text/javascript">
            function submitForm() {
                $('#ff').form('submit');
            }
        //获取当前的添加文件的div id="fileList"
            var data_to = 0;
            add_data();
            $("#listnum").change(function () {
        //	alert($("#listnum").val())
                for (i = 0; i < ($("#listnum").val()); i++)
                {
                    add_data();
                }
            })
            function add_data()
            {
                //添加一行
                $("#dataList").append("<span id='zname_" + data_to + "' ><input type='text' name='zname_" + data_to + "' style='width:120px' class='easyui-validatebox' data-options=\"required:true,validType:'length[1,50]'\" /></span>");
                $("#dataList").append("<span id='yname_" + data_to + "'><input type='text' name='yname_" + data_to + "' style='width:100px' class='easyui-validatebox'  data-options=\"required:true,validType:'length[1,50]'\"/></span>");
                $("#dataList").append("<span id='char_type_" + data_to + "'><select style='width:80px'   name='char_type_" + data_to + "'><option value=\"int\" selected>整数<option value=\"char\">短文本<option value=\"mediumtext\">长文本<option value=\"datetime\">时间<option value=\"double\">小数<option value=\"radio\">单选<option value=\"checkbox\">复选<option value=\"select\">下拉单选<option value=\"selectmul\">列表多选</select></span>");
//                $("#dataList").append("<span id='show_width_" + data_to + "'><input type='text' name='show_width_" + data_to + "' style='width:80px' value=100 class='easyui-validatebox' data-options=\"required:true,validType:'integ'\"/></span>");
                $("#dataList").append("<span id='values_" + data_to + "'><input type='text' name='values_" + data_to + "' style='width:300px' class='easyui-validatebox' /></span>");
                $("#dataList").append("<span id='sign_" + data_to + "'><select style='width:100px' name='sign_" + data_to + "'><option value=\"1\" >是<option value=\"0\"selected>否</select></span>");
                //添加删除按钮
                $("#dataList").append('<input type="button" value="增加" onclick="add_data()" id="data_add_' + data_to + '" >');
                $("#dataList").append('<input type="button" value="删除" onclick="del_data()" id="data_del_' + data_to + '" >');
                //添加换行
                $("#dataList").append('<br id="data_br_' + data_to + '"/>');
                data_to++;
            }
            function del_data()
            {
                data_to--;
                $("#zname_" + data_to).remove();
                $("#yname_" + data_to).remove();
                $("#char_type_" + data_to).remove();
//                $("#show_width_" + data_to).remove();
                $("#values_" + data_to).remove();
                $("#sign_" + data_to).remove();
                $("#data_add_" + data_to).remove();
                $("#data_del_" + data_to).remove();
                $("#data_br_" + data_to).remove();

            }
        </script>
        <script type="text/javascript" src="js/jquery.min.js"></script>
        <script type="text/javascript" src="js/jquery.easyui.min.js"></script>
        <script type="text/javascript" src="js/easyui-lang-zh_CN.js"></script>
        <script src="js/uploadfile.js"></script>
        <link rel="stylesheet" href="css/fileupdemo.css"/>
